<!DOCTYPE html>
<!--
# @Time : 2021/6/9 16:34 
# @Author : 常雷
# @File : home_work.thml
# @Software: PyCharm
-->
{# 模板的继承 #}
{% extends 'home.html' %}
{# 修改区域 #}
{% block active %}
                <a href="/app01/home/" class="list-group-item">首页</a>
                <a href="/app01/room_info/" class="list-group-item">房间信息查询</a>
                <a href="/app01/guid_info/" class="list-group-item">引导信息查询</a>
                <a href="/app01/kaccount_info/" class="list-group-item">K歌账号查询</a>
                <a href="/app01/help_info/" class="list-group-item">帮助</a>
{% endblock %}
{% block content %}
    <h1 class="text-center">工作空间</h1>


    <h3 class="text-center">现在空闲一览</h3>
<div class="container">
    <div class="row">
        <div class="col-md-4 col-md-offset-0">
            <table class="table table-striped table-hover">
                <thead>
                    <tr>
                        <th>房间id</th>
                        <th>房间名字</th>
                        <th>房间位置</th>
                        <th>房间大小</th>

                    </tr>
                </thead>
                <tbody>
                    {% for room_obj in room_querys %}
                        <tr>
                            <td>{{ room_obj.room_id }}</td>
                            <td>{{ room_obj.room_name }}</td>
                            <td>{{ room_obj.room_position }}</td>
                            <td>{{ room_obj.room_size }}</td>

                        </tr>
                    {% endfor %}

                </tbody>
            </table>
        </div>
        <div class="col-md-3 col-md-offset-0">
            <table class="table table-striped table-hover">
                <thead>
                    <tr>
                        <th>账号id</th>
                        <th>账号名字</th>
                        <th>账号密码</th>
                    </tr>
                </thead>
                <tbody>
                    {% for kaccount_obj in kaccount_querys %}
                        <tr>
                            <td>{{ kaccount_obj.account_id }}</td>
                            <td>{{ kaccount_obj.account_username }}</td>
                            <td>{{ kaccount_obj.account_pwd }}</td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        <div class="col-md-5 col-md-offset-0">
            <table class="table table-striped table-hover">
                <thead>
                    <tr>
                        <th>引导员id</th>
                        <th>引导员姓名</th>
                        <th>引导员性别</th>
                        <th>引导员电话</th>
                        <th>引导员备注</th>
                    </tr>
                </thead>
                <tbody>
                    {% for guid_obj in guid_querys %}
                        <tr>
                            <td>{{ guid_obj.guide_id }}</td>
                            <td>{{ guid_obj.guide_name }}</td>
                            <td>{{ guid_obj.guide_gender }}</td>
                            <td>{{ guid_obj.guide_tel }}</td>
                            <td>{{ guid_obj.guide_remarks }}</td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
<div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">用户选择的空闲资源与引导员id提交</h3>
      </div>
          <div class="panel-body">
              <form action="/app01/work_place/" method="post">
            <div class="input-group">
                <span class="input-group-addon" id="sizing-addon1">空闲房间id:</span>
                <input type="text" class="form-control-static" placeholder="房间id" aria-describedby="sizing-addon2" name="room_id">
                <span class="input-group-addon" id="sizing-addon2">使用时间/h:</span>
                <input type="text" class="form-control-static" placeholder="引导员id" aria-describedby="sizing-addon2" name="room_time">
                <span class="input-group-addon" id="sizing-addon2">空闲账号id:</span>
                <input type="text" class="form-control-static" placeholder="账号id" aria-describedby="sizing-addon2" name="account_id">
                <span class="input-group-addon" id="sizing-addon2">空闲人员id:</span>
                <input type="text" class="form-control-static" placeholder="引导员id" aria-describedby="sizing-addon2" name="guide_id">
            </div>
              <input type="submit" class="btn btn-info col-md-12  " value="提交订单"></input>
              </form>
        </div>
    </div>
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">已经空闲下的资源与引导员提交</h3>
      </div>
          <div class="panel-body">
              <form action="/app01/work_release/" method="post">
            <div class="input-group">
                <span class="input-group-addon" id="sizing-addon1">空闲房间id:</span>
                <input type="text" class="form-control-static" placeholder="房间id" aria-describedby="sizing-addon2" name="room_id">
                <span class="input-group-addon" id="sizing-addon2">空闲账号id:</span>
                <input type="text" class="form-control-static" placeholder="账号id" aria-describedby="sizing-addon2" name="account_id">
                <span class="input-group-addon" id="sizing-addon2">空闲人员id:</span>
                <input type="text" class="form-control-static" placeholder="引导员id" aria-describedby="sizing-addon2" name="guide_id">
            </div>
              <input type="submit" class="btn btn-info col-md-12  " value="提交订单"></input>
              </form>
        </div>
    </div>
</div>

{% endblock %}